<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>e店邦o2o</title>
    <link rel="stylesheet" href="/frontend/css/bootstrap.min.css">
    <link rel="stylesheet" href="/frontend/css/reset.css">
    <link rel="stylesheet" href="/frontend/css/common.css">
    <link rel="stylesheet" href="/frontend/css/afterService.css">
</head>
<body>
<!--头部菜单-->
<div class="header"></div>
<!--主体内容-->
<div class="main-container">
    <div class="background-img">
        <img src="/frontend/img/background-img3.png"/>
    </div>
    <div class="main-content">
        <ul class="nav-list">
            <li index="1" class="nav-list-item">服务承诺</li>
            <li index="2" class="nav-list-item">惊喜礼献</li>
            <li index="3" class="nav-list-item">养护攻略</li>
        </ul>
        <div class="content-item content-item1">
            <p class="title"><i></i>服务承诺</p>
            <p class="subtitle">愿用我们的关怀，给你生活更多的期待</p>
            <div class="content">
                <div class="info-list">
                    <div class="info-item">
                        <p class="info-title">1.主动</p>
                        <p>实时车况主动提醒，出行无忧一路放心。提供公开、透
                            明的定期保养标准和保养材料价格，可在官网根据爱车
                            的行驶里程数进行查询。</p>
                    </div>
                    <div class="info-item">
                        <p class="info-title">2.专业</p>
                        <p>纯正配件，8年16万公里动力总成质保服务，3年10万
                            公里质保，延保服务，服务顾问/技师评级体系，透明
                            车间服务，精益钣喷服务。</p>
                    </div>
                    <div class="info-item">
                        <p class="info-title">3.高效</p>
                        <p>专业保养服务一步到位，让车主安心、放心。为车主提
                            供便捷的上门取送车服务，星月服务，保险业务。</p>
                    </div>
                    <div class="info-item">
                        <p class="info-title">4.尊崇</p>
                        <p>24小时道路救援，智能客户经理制，安吉星全时在线
                            助理，尊崇服务，让车主感受到更用心的关怀。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-item content-item2">
            <p class="title"><i></i>惊喜礼献</p>
            <p class="subtitle">e店邦优选季-专享优选礼包</p>
            <div class="content">
                <ul class="gift-list">
                    <li class="gift-item">
                        <div class="gift-info">
                            <p class="value">￥50</p>
                            <p class="text">机油抵用券</p>
                        </div>
                        <div class="gift-num">×2</div>
                    </li>
                    <li class="gift-item">
                        <div class="gift-info">
                            <p class="value">￥50</p>
                            <p class="text">机油抵用券</p>
                        </div>
                        <div class="gift-num">×2</div>
                    </li>
                    <li class="gift-item">
                        <div class="gift-info">
                            <p class="value">￥50</p>
                            <p class="text">机油抵用券</p>
                        </div>
                        <div class="gift-num">×2</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content-item content-item3">
            <p class="title"><i></i>养护攻略</p>
            <p class="subtitle">基础保养</p>
            <div class="content">
                <div class="strategy-content">
                    <div class="strategy-item">
                        <p class="strategy-title">•  保养周期：</p>
                        <p class="strategy-text">-  到达1万公里、3万公里等奇数公里数时</p>
                        <p class="strategy-text">-  到达第1年、第3年等奇数年份时</p>
                        <p class="strategy-text">-（行驶里程数与使用年限以先到者为准)</p>
                    </div>
                    <div class="strategy-item">
                        <p class="strategy-title">•  服务内容：</p>
                        <p class="strategy-text">-  机油</p>
                        <p class="strategy-text">-  机油滤清器</p>
                        <p class="strategy-text">-  全面车辆检查</p>
                        <p class="strategy-text">-  基础车辆清洁（内外）</p>
                    </div>
                </div>
                <p class="strategy-title">•  全面车辆检查：</p>
                <div class="strategy-content2">
                    <p class="strategy-text2">1. 制动系统: 在试验台上执行制动测试</p>
                    <p class="strategy-text2">2. 仪表盘: 复位主动保养提示系统增强版(ASSYST PLUS)保养间隔指示器</p>
                    <p class="strategy-text2">3. 前轴和后轴: 检查制动摩擦片厚度</p>
                    <p class="strategy-text2">4. 清洁导雨槽</p>
                    <p class="strategy-text2">5. 制动系统: 制动液液位检查</p>
                    <p class="strategy-text2">6. 风挡清洗系统: 检查清洗液液位</p>
                    <p class="strategy-text2">7. 检查仪表盘指示灯和内部照明是否正常工作</p>
                    <p class="strategy-text2">8. 检查/校正轮胎充气压力</p>
                    <p class="strategy-text2">9. 检查轮胎修理包补胎胶(TIREFIT)的有效期</p>
                    <p class="strategy-text2">10. 检查/校正备用轮胎的轮胎充气压力</p>
                    <p class="strategy-text2">11. 行李箱照明: 检查功能</p>
                    <p class="strategy-text2">12. 检查急救箱的有效期</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部内容-->
<div class="footer"></div>

<script src="/frontend/js/jquery-3.6.0.min.js"></script>
<script src="/frontend/js/bootstrap.min.js"></script>
<script src="/frontend/js/layer/layer.js"></script>
<script src="/frontend/js/afterService.js"></script>
</body>
</html>
